<template>
  <Panel title="公司信息" :class="[$style.panel,cname]"> 
      <ul :class="$style.content">
          <li><img src="//img12.360buyimg.com/jrpmobile/jfs/t2842/350/3035567089/14791/5f6ff93d/577cf395N31e76288.png?width=1125&height=252" alt=""></li>
          <li>
              <div>
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t2971/333/1297567079/898/f2d2e00d/577dc28dNe5138337.png?width=108&height=108" alt="">
                <p>客户端</p>
              </div>
              <div>
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t2824/256/2966087355/831/188bfa25/577cf3dcN18aadbf2.png?width=108&height=108" alt="">
                <p>触屏版</p>
              </div>
              <div>
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t2920/282/1283157010/1040/23f1430b/577cf3e5N53f740b8.png?width=108&height=108" alt="">
                <p>电脑版</p>
              </div>
          </li>
          <li>Copyright © 2004-2017 京东JD.com 版权所有</li>
          <li>投资有风险，购买需谨慎</li>
          <li>京东金融平台服务协议</li>
          <li>京东金融隐私政策</li>
      </ul>
  </Panel>
</template>

<script>
import Panel from '../core/panel'
export default {
    components:{
        Panel,
    },
    props:{
        cname:{
            type:String,
            default:""
        }
    }
}

</script>
<style lang='scss' module>
@import '../../css/element.scss';
.panel{
    @include panel;
    margin-bottom:100px;
    >h4{display:none;}
    .content{
        @include flex;
        li{
            width:100%;
            text-align: center;
            font-size:24px;
            color:#999;
            
            >img{
                width:100%;
                height:143px;
            }
            &:nth-child(2){
                @include flex(row);
                height: 186px;
                background: #f5f5f5;
                // box-sizing: border-box;
                >div{
                    width:33.33%;
                    text-align: center;
                    box-sizing: border-box;
                    padding-top: 20px;
                    img{
                        width: 90px;
                        height: 90px;
                    }
                    p{
                        font-size: 26px;
                        text-align: center;
                        display: block;
                        color: #999;
                        margin-top: 12px;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        overflow: hidden;
                    }
                }
            }
            &:nth-child(n+3){
                padding:24px 0;
                height:38px;
                line-height:38px;
                background: #f5f5f5;
                border-top:1px solid #ccc;
            }
        }
        
        
    }
}
</style>